@charset "utf-8";


/*********自己写的样式*********/

.p-0{padding:0 !important}
.p-r-0{padding-right:0 !important}
.p-l-0{padding-left:0 !important}
.p-t-0{padding-top:0 !important}
.p-b-0{padding-bottom:0 !important}

.m-0{margin:0 !important}
.m-r-0{margin-right:0 !important}
.m-l-0{margin-left:0 !important}
.m-t-0{margin-top:0 !important}
.m-b-0{margin-bottom:0 !important}

.f-l{float: left !important;}
.f-r{float: right !important;}
.dis-in-b{display:inline-block;width:100%;}
.text-c{ text-align:center}
.text-l{ text-align:left}
.text-r{ text-align:right}
.uppercase{text-transform:uppercase}/*字母大写*/
.capitalize{text-transform:capitalize}/*首 字母大写*/
.lowercase{text-transform:lowercase}/*无 字母大写*/
.wzdd{white-space:nowrap;overflow:hidden;text-overflow : ellipsis;}

.top-yt{background:#fff;color:#adadad;padding:6px 0;border-bottom:1px solid #e5e5e5;}
.top-dh p{padding-left:5px;font-size:18px;color:#333;}
.top-dh img{padding-top:4px;}

.max-img,.max-img img{max-width:100%;}
/*标题*/
.tit{width:100%;position: relative;padding:40px 0 20px 0;}
.tit span{display: block;font-size:26px;font-weight:bold;color:#333;}
.tit h3{font-size:28px;color:#333;display: block;position: relative;margin-top:11px;}
.tit h3 b{display: inline-block;border-radius:50px;border:1.5px dashed #333;background:#fff;padding:10px 22px;position: relative;z-index:2;}
.tit h3::after,.tit h3::before{position:absolute;content: '';display: block;height:1px;width:30%;background:#333;top:50%;z-index:0}
.tit h3::after{left:9%}
.tit h3::before{right:9%}
/*热销产品*/
.cp-k{position: relative;padding:0 5px;}
.cp-k a{display: block;position: relative;overflow: hidden;margin-bottom:10px;}
.cp-tt{position: absolute;display: block;z-index:1;top:20px;left:27px;}
.cp-k a h4{font-size:36px;color:#fff;letter-spacing:6px;margin-top:0}
.cp-k a span{color:#fff;display: block;padding:0px 15px;background:#d5063a;display:inline-block;margin-top:5px;font-size:14px;transition:.5s;}
.cp-k a:hover span{background:#fd9b00}
.cp-k a img{transition:.6s;max-width:100%;}
.cp-k a:hover img{transform:scale(1.1)}




.padnone{padding:0px;}
.pad_rg_none{padding-right:0px;}
.pad_lf_none{padding-left:0px;}
.mrg0{margin-right:0px !important;}

.p-0{padding:0}

.carousel-control img{position: relative; top:40%;}

.gd-btn{width:206px;height:60px;border-radius:8px;background:#d11721;line-height:60px;font-size:18px;color:#fff;padding:0 25px;transition:.6s;margin-top:30px;display:inline-block;}
.gd-btn:hover{background:#e8711a;color:#fff;}

/*案例*/
.tit-2 h2{font-size:33px;margin-top:50px;}
.tit-2 p{font-size:14px;letter-spacing:2px;color:#999;padding-bottom:20px;}


.hidden-xs li:last-child{display: none;}
.line-al{background:url(../images/line_03.png)center top;width:100%;height:33px;display:inline-block;overflow: hidden;}

.altt{color:#fff;font-size:36px;padding-bottom:20px;}

/*********头部样式*********/
.header{height:120px;background:url(../images/hd_bg.jpg) no-repeat top center;}
.xs-logo{width:70%;}
.in_all{overflow:hidden;width: 25%;margin-top: 18px;}
.pull_all{padding-top: 0px;height: 120px;width: 1170px;}
.pull_all img {float: left;}
.pull_all p {color:#333;font-size:16px;line-height: 30px;margin-top: 30px;float: left;letter-spacing:1px}
.pull_all p span{color:#88d236;font-weight: bold;}
img.pull-left.imseg {margin: 15px 0 0 30px;}
.in_all span{font-size:25px;color:#ed1c24;letter-spacing:1px;display:block; font-weight:bold;}
.in_all p{color:#555;font-size:15px;margin: 0 ;line-height: 28px;margin-top: 10px;padding-right:25px;}


/*********左侧*********/
#innercolor{color: #fff;}
#innerbgcolor{background-color: #ed1c24;}
.sec-tit h5 i{color: #fff;}
.sec-tit h2{height: 45px;line-height: 45px;padding-left: 15px;font-size: 16px;}

.sec-tit h5 a{color: #fff;margin-right: 5px;}
.sec-tit h5 a:hover{background: #ed1c24; }
.sec-tit h5 a:hover i{color: #fff;}
.sec-marquee-c ul li{font-size: 14px;}
.sec-tit{height: 45px;line-height: 45px;background:#032F8A;}
.page-l-clist li{background:#eff4f4;}
.page-l-clist li a{display:block;}
.page-l-clist li a:hover {background:#d5063a;border-bottom: 1px solid #ed1c24;height: 45px;line-height: 45px;color: #fff;font-size: 15px;}
.left-news li h5:hover{color: #67a407;}
.sec-tit.left-keyword-tit {display: none;}
.page-l-clist,.sec-tit h2,.sec-tit{border-color:#032F8A;}
.page-l-clist li:hover{background:#d5063a; color:#fff;}
#innerbgcolor{background:#f08300;}

.pagination>.active>span{background-color: #c01d1a;border-color: #c01d1a;}


/*搜索*/
.rowlist { height:60px;background:url(../images/navbg.png);border-bottom: 1px solid #e7e7e7;}
.rowlist .lae {font-size: 14px; height:60px; line-height:60px; color:#Fff;}
.rowlist .lae p i.fa{font-size:24px;color:#d92630;margin-right:10px;}
.rowlist .lae .col-md-3 { padding:0; }
.rowlist .col-md-9.main p span a{margin-left:10px; }
.rowlist .col-md-9.main p span a:hover{color: #119d28;}
.nsearch, .searchbox .keywords,.submit { float:left;}
.searchbox .keywords { height:36px; line-height:36px;border:1px solid #fff;border-top-left-radius:20px;border-bottom-left-radius:20px;}
.nsearch { margin-top:6px;}
.searchbox .keywords { margin-top:12px; width: 230px;}
.nsearch select { height:36px; line-height:36px;}
.submit { margin:12px 0 0 0px; width:50px; height:36px; line-height:31px; background:#f08300; border:none; color:#fff;border-top-right-radius:20px;border-bottom-right-radius:20px;}
.rowlist .lae .col-md-11 {line-height:47px;}


/*********导航样式*********/
.navbar-full{background:#67a407;}
nav.navbar.bootsnav ul.nav > li > a{ color: #fff;text-transform: uppercase;padding: 21px 17px!important; display:inline-block;}
nav.navbar.bootsnav ul.nav > li > a:hover{color: #fff }

.nav > li:after {background: #fff;height:2px;}
nav.navbar.bootsnav ul.nav > li:hover a {color: #fff;background: #032F8A;}
.dropdown-menu{min-width: 188px;}
nav.navbar.bootsnav ul.nav > li:hover li a {color:#fff;background: #d5063a;}
nav.navbar.bootsnav ul.nav > li:hover li a:hover{color: #fff;background: #f08300;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{border-bottom: solid 1px #e8456e;text-align: center;padding: 13px 15px;}

.navbar-full-c{width:60%}
.navbar-full .collapse{width:100%;}
.navbar-full{background:none; text-align:right;}
header .navbar-nav{float:right;margin-top:15px;margin-bottom:15px;}
.logo{width:40%;}
.logo img{ margin:15px 0}

header nav.navbar.bootsnav ul.nav > li > a{font-size: 16px;}
.welcome{background:#67a407; padding:4px 0; width:100%;overflow:hidden;color:#Fff}
.visit{font-size:14px;}
.top_tel{text-align:right;font-size:15px;font-weight:bold;}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{right:9%;top: 33%;}

header nav.navbar.bootsnav ul.nav > li > a{position:relative;}
header nav.navbar.bootsnav ul.nav ul.dropdown-menu{position:absolute; z-index:999}
header .navbar li{margin-top:0;}

.searchbox .keywords{color:#777;font-size:14px;}

/*  */
.sever_img{border:1px #ddd solid; border-radius:100px;width:170px;height:170px;text-align:center;padding:40px 0 0 0;}
.sever_img p{font-size:16px;margin-top:5px;}
.fanwei{padding:50px 0;}
/*产品中心*/
.cpzx-c{padding-top:45px;}
.cp-list{display:inline-block;width:100%;}
.cp-nav {padding-top:20px;padding-bottom:5px;}
.cp-nav li a{background:#c82540;padding:7px 0px;border-radius:6px;color:#fff;text-align:center;font-size:16px;margin-bottom:6px;display:block}
.cp-nav li a:hover{background:#f18715;}


.cp-list-c{margin-bottom:10px;}
.cp-list-c a{display:block;border:1px solid #e5e5e5;position: relative;width:100%;margin-top:35px;display:inline-block;padding-bottom:18px;}
.cp-list-c a h3{font-size:18px;border:1px solid #e5e5e5;height:44px;width:232px;line-height:44px;position: absolute;top:-42px;z-index-index:3;left:50%;margin-left:-116px;background:#fff;transition:.6s;}
.cp_img{width:92%;height:329px;margin:15px auto 10px auto;position: relative;display:flex;justify-content:center;align-items:center;overflow: hidden;border:1px solid #eee;margin-top:40px;}
.cp_img img{width:100%;transition:.6s;max-height:100%;}
.cp-list-c a:hover img{transform:scale(1.1);}
.cp-list-c a:hover h3{background:#eb9635;border:0;border-radius:8px;color:#fff;}
.cp-list-c a p{font-size:12px;font-family:"SimSun" !important;color:#989898;padding:0 5% 0 5%;width:80%;float: left;line-height:21px;height:63px;overflow: hidden;}
.fdj{width:20%;padding-left:10px;float: right;padding-top:10px;}
.fdj img{transition:.6s;}
.btn-am{display: block;width:555px;height:52px;line-height:52px;text-align:center;color:#919191;border-radius:9px;border:1px solid #dcdcdc;background:#eee;margin:10px auto 15px auto;font-size:18px;transition:.6s;}
.btn-am:hover{background:#c82540;color:#fff;border:0;}


/*关于我们*/
.abo{padding-top:30px;}
.abo-c{padding:20px 10%;font-size:16px;line-height:2;color:#7a7a7a}
.ab-img-c{background: url(../images/a-ln.png) no-repeat top center;display:inline-block;width:100%;padding:15px 0;}
.ab-img-c-bj{background:#000;padding:5px 0;margin-top:13px;margin-bottom:13px;display:inline-block;width:100%;overflow: hidden;padding-left:5px;}
.ab-img-blk{float: left;padding-left:8px;width:20%;}
.ab-img-blk .col-xs-12{padding:0;position: relative;overflow: hidden;}
.ab-img-blk img{max-width:100%;transition:.6s;}
.ab-img-blk:hover img{transform:scale(1.1)}
.ab-img-blk p{color:#fff;position: absolute;bottom:0;height:43px;line-height:43px;text-align:center;font-size:16px;background:rgba(0,0,0,.6);z-index:3;display:block;width:100%;}


.service {   padding: 30px 0 30px 0;}
.dc {width: 100%;text-align: center;}

.b1 {background: url(../images/zst_03.jpg) no-repeat top center;}
.b1:hover {background: url(../images/zsb_03.jpg) no-repeat top center;}
.dc1 {width: 87px;height: 87px;margin: 0 auto 25px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.dc h4 {font-size: 22px; color: #666666;line-height: 36px;}
.dc_x {width: 15px;height: 2px;font-style:bold;margin: 0px auto;background:#7f868c;}
.dc p { font-size: 16px; color: #868686; line-height: 26px;margin: 12px 0px;}

.b2 {background: url(../images/zst_05.jpg) no-repeat top center;}
.b2:hover {background: url(../images/zsb_05.jpg) no-repeat top center;}

.b3 {background: url(../images/zst_07.jpg) no-repeat top center;}
.b3:hover {background: url(../images/zsb_07.jpg) no-repeat top center;}

.b4 {background: url(../images/zst_09.jpg) no-repeat top center;}
.b4:hover {background: url(../images/zsb_09.jpg) no-repeat top center;}


.b1 ,.b2 ,.b3 ,.b4{transition:width 1s, height 1s; /*1s是一秒的意思可根据所需要的时间修改*/
    -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
    -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
    -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */}
.b1:hover , .b2:hover,.b3:hover , .b4:hover{
    transform:rotate(360deg); /*括号内的数字是调整旋转角度*/
    -moz-transform:rotate(360deg); /* Firefox 4 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    -o-transform:rotate(360deg); /* Opera */}



/* 广告 */
.ggcent{background:url(../images/navbg.png); padding:30px 0; color:#fff;}
.advertising{position:relative; border:1px #fff solid; text-align:center; top:35px;}
.advertising label{position:absolute; top:-20px; font-size:26px;left:17%; background:#ffae00; padding:6px 15px; letter-spacing:2px;;}
.advertising h3{font-size:36px;font-weight:bold;margin:30px 0 0 0;}
.advertising p{font-size:20px; padding:10px 0 10px 0;}
.ab_hottel{text-align:center;font-size:28px;margin-top:46px;}


@media (max-width: 768px){
.product_detail .img {
    overflow: hidden;
}
}

/*新闻资讯*/
.news_bg{width:100%;background:url(../images/in_03_bg.jpg) no-repeat center top;background-size:cover; padding:35px 0px 45px;margin-top:35px;}

.news_title p{line-height:20px;}
.news_article p{line-height:20px;}
.news_date{height:68px;background:#da1b19;}
.news_content{padding-top:20px;}
.news_list li{padding-bottom:18px;}
.news_contact{}
.news_article h5{padding-top:15px;}


.page-alist .page-adate { background: #032F8A;}

/*优势*/
.cq-m{margin-bottom:20px;}
.cq-1{background:url(../images/cnbj.png) no-repeat center bottom;padding-left:70px;padding-bottom:45px;padding-top:15px;}
.cq-1 h3{font-size:48px;color:#101010;}
.cq-m p{color:#888888;font-size:16px;line-height:1.8;padding:15px 0;}
.cq-1 p{padding:25px 15px 40px 0;}
.cq-2 h3{font-size:40px;padding-bottom:18px;margin-bottom:16px;background:url(../images/ln.png) no-repeat center bottom;margin-top:0}
.cq-2 span{font-size:28px;color: #676767;}
.cq-2 p{padding-top:6px;padding-bottom:0;}

.cq-3 h3{background-position:left bottom}
/*底部*/

.footers{padding-top: 30px;}
footer{background:#3b3b3b}
.f_one{padding-bottom:25px;}
.f1 img{padding: 0px 20px;}
.f2{padding: 0px 0 15px 10px;}
.f2 p{font-size: 15px;color: #fff;line-height: 30px;}
.f2 p span{margin-left:75px;}
.f3{padding-left: 35px;}
.f3 .ema_1{float: left;}
.f3 .ema_1 img{padding: 8px 11px 6px 11px;width: 120px;}
.f3 .ema_1 p{font-size:14px;color:#fff;text-align:center;}
.f_two {background:#3d3d3d;padding:10px 0;border-top:1px #606060 solid;}
.f4 {font-size: 15px;color: #fff;line-height: 22px;}
.f4 p{margin:0;}


.news_article a:hover,.news_title h3 a:hover{color:#67a407;}
body nav.navbar.bootsnav .navbar-toggle{z-index:15;}

@media (max-width: 992px){
  .navbar-full-c{width:100%}
  .navbar-full .collapse{width:100%;}
  .logo{width:60%;}
  header .navbar li a{padding-right:15px;width:100%;display: block;}
  header .navbar li ul li a{line-height:40px;border-bottom:1px solid rgba(0,0,0,.25)}
  .btn-am{width:90%;}
  .ab-img-blk{width:32%}
  .ab-img-blk:nth-child(4),.ab-img-blk:nth-child(5){display: none;}
  .cp-nav{display:block}
  .cp-nav li a{font-size:14px;}
}
.dis-n{display: none;}
@media (max-width: 768px) { 
.p-xs-0{padding:0 !important}
.p-xs-r-0{padding-right:0 !important}
.p-xs-l-0{padding-left:0 !important}
.p-xs-t-0{padding-top:0 !important}
.p-xs-b-0{padding-bottom:0 !important}
.text-xs-c{ text-align:center !important}
.text-xs-l{ text-align:left !important}
.text-xs-r{ text-align:right !important}
  .f-xs-l{ float: left !important;}
  .f-xs-r{ float: right !important;}
  .dis-xs-b{display: block;margin:0 auto}
  .dis-xs-n{display: none;}
  .cpzx-c{padding-top:32px;}
  /*产品*/
  .cp-list-c a{padding-left:10px;margin-top:5px;}
  .cp-list-c a h3{position: unset;margin:8px 0;float: right;border:0;width:54%;text-align:left;padding-left:13px;font-size:15px;line-height:1.8;height:auto}
  .cp-list-c a p{width:54%;padding:0 14px;}
  .cp_img{float: left;width:40%;margin-top:10px;height:120px;}
  .fdj{float: none;position: absolute;bottom:0px;right:0px;width:35px;}
  .fdj img{max-width:100%;}
  .cq-1 h3{font-size:24px;margin:0}
  .cq-2 h3,.cq-3 h3{font-size:24px;background-position:left bottom}
  .cq-2 span,.cq-3 span{font-size:18px;}
  .cq-1 p{padding:10px 0;}
  .displaynoen { display:none}
  .pull_all{width: 88%;}
  .xs-logo {width: 70%;padding-left: 6px;}
  .navbar-header{height:auto;}
  .ab-img-c{padding-bottom:0;margin-bottom:0;}
  .ab-img-c-bj{margin-bottom:0;}
  .ab-img-blk{width:48.5%}
  .ab-img-blk:nth-child(4){display: block;}
  /**手机导航的按钮 **/ 
  body nav.navbar.bootsnav .navbar-toggle{margin-top: 2.9%;margin-right: 5px; padding: 6px 8px;background: #d71d3c;color:#fff;border:0;}   
  .flexslider .slides li {height: 160px !important;}
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important}
 
  .navbar-pull-all{width:100%;padding:0}
  
  .iconlist li{width: 33%;margin: 0 0% 0;padding: 3% 0% 0;}
  .iconlist li a .ficon{width: 100px;background: #0093dd;line-height: 85px;height: 85px;}
  .iconlist li a .ficon i{font-size: 36px;}
  .iconlist li a p{font-size: 15px;}
   
  .row_lt .row{margin: 10px auto 0;}  
  .row_lt{height:590px;overflow: hidden;}

  .i_t,.gywm .i_t{font-size: 22px;line-height: 42px;}
  .i_t p, .gywm .i_t p{font-size: 13px;}
  
  .gsjj{background:none;}
  .gsjj .col-md-5 , .gsjj .col-md-7{width:100%;}
  .about p{color:#fff;}
  .anniu a{float: none;color: #0d74d9;
    background-color: #fff;}
  
  .ys_list ul li{width: 48%;}
  .logo{width:80%;padding-left:10px;}
  
  .ys_img img , .ys_img2 img{width:100%;}
  
nav.navbar.bootsnav ul.nav > li > a {color: #fff !important; background:#1c091c;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{color:#fff !important;padding:0px 10px;background:#0093dd;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover{color:#fff;}

.bootsnav {border-bottom: 0px solid #f3f3f3 !important;}
  .cp-k a img{width:100%;}
  .cp-k{padding:0 15px;}
  .gywm,.gywm .container{padding-left:15px;padding-right:15px;}
  .aboutus{padding-top:25px;}
  .tit-2 h2{font-size:21px;}
  .tit-2 p{letter-spacing:1px;line-height:18px;padding:0 0 0 15px;}
  .swiper .ar_1{width:345px;height:255px;}
  .swiper-marquee{padding-top: 20px}
  .product_content ul{margin:0;    padding-right: 15px;}
  .pro_list .col-md-3{padding:0 0 0 15px;}
  .news_bg{padding-bottom:80px;}
  .cp_img img{width:auto}
}


.sever_img:hover img,.yylycent .bg:hover{transition: .6s;transform: translateX(0px);animation:myfirst .8s;-moz-animation:myfirst .5s;-webkit-animation:myfirst .5s; -o-animation:myfirst .5s;}

from { transform:scale(.95)}
25%{transform:scale(1.1)}
50%{transform:scale(.9)}
75%{transform:scale(1.15)}
to { transform:scale(1)}
}

@-moz-keyframes myfirst /* Firefox */
{
  from { transform:scale(.95)}
  25%{transform:scale(1.1)}
  50%{transform:scale(.9)}
  75%{transform:scale(1.15)}
  to { transform:scale(1)}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
  from { transform:scale(.95)}
  25%{transform:scale(1.1)}
  50%{transform:scale(.9)}
  75%{transform:scale(1.15)}
  to { transform:scale(1)}
}

@-o-keyframes myfirst /* Opera */
{
  from { transform:scale(.95)}
  25%{transform:scale(1.1)}
  50%{transform:scale(.9)}
  75%{transform:scale(1.15)}
  to { transform:scale(1)}
}

/* 底部样式 */
.bottom{min-width:1200px; background:#343434;padding-bottom: 30px;}
.link{width:1200px; margin:auto; border-bottom:1px solid #444; padding:18px 0;}
.link:after {clear:both;content:'.';display:block;width:0;height:0;visibility:hidden;}
.link a{color:#999; font-size:16px; float:left; margin:0; margin-right:10px;}
.link ul li a{color:#999;}
.link a:hover{color:#FFF; text-decoration:underline;}
.middle{width:1200px; height:auto; margin:auto;}
.contact{font-size:16px; height:auto; margin-top:20px; overflow:hidden;}
.contact-flex{flex:1}
.contact h3{color:#FFF; font-size:18px; text-align:left;}
.contact h4{color:#FFF; font-size:16px; text-align:left; height:28px;font-weight: normal;}
.contact ul{float:left; text-align:left; margin-right:50px;}
.contact ul li{line-height:220%;color:#999;}
.contact2 ul li {float: left;width: 50%;}
.contact2 ul li a{color:#999;}
.contact2 ul li a:hover{color:#FFF; text-decoration:underline;}
.focus{height:auto;overflow:hidden; margin-top:20px; font-size:14px;}
.focus h4{color:#FFF; text-align:right;font-size:16px;}
.focus .focus-img{width:150px; height:auto; color:#999; text-align:center; margin-left:40px;}
.focus .focus-img img{width: auto;height: 150px;margin: auto;margin-bottom: 5px;display: block;}
.copyright{min-width:1200px; height:auto; background:#1d1d1d;color:#999; font-size:16px; text-align:center; line-height:200%; padding:18px 0;}
.flex{display: flex;flex-direction: row;}
.focus-img1 {height:auto; color:#999; text-align:center;}
.focus-img1 img{width: 140px;height: 140px;margin-bottom: 5px;display: block;}
@media (max-width: 768px) {
         .bottom {
            width: 100%;
            min-width: 100%;
            padding-bottom: 10px;
         }

         .middle {
            width: 100%;
            padding: 0 15px;
         }

         .contact {
            display: none;
         }

         .contact.contact3 {
            display: block;
            width: 100%;
            font-size: 14px;
            margin-top: 5px;
         }

         .contact h4 {
            height: auto;
         }

         .copyright {
            min-width: 100%;
            padding-bottom: 45px;
            height: auto;
            padding-top: 10px;
            font-size: 14px;
            padding: 5px 5px 45px 5px;
            line-height: 180%;
         }

         .contact ul {
            margin-right: 0px;
         }
      }
 .phone-top-icon {
    font-size: 26px;
    color: #173782;
    position: relative;
    top: 5px;
    margin-right: 10px;
    font-weight: bold;
  }
  .phone-top-icon:after {
clear: both;
    content: '+';
    position: absolute;
    top: -5px;
    left: 10px;
    font-size: 18px;
} 


 .gengduo a {
         display: table;
         color: #000;
         padding: 8px 30px;
         margin: 30px auto;
         font-size: 14px;
         border-radius: 30px;
         border: 1px solid #000;
      }

      .gengduo2 a {
         border: 1px solid #FFF;
         color: #FFF;
         margin-top: 60px;
      }

      .gengduo a:hover {

         border: 1px solid #032F8A;
         color: #032F8A;
      }

      .list-box {
         width: 1200px;
         margin: auto;
      }


      .new-box {
         min-width: 1200px;
         background: #F5F5F5;
         overflow: hidden;
         margin: 20px 0;
      }



      .case-list {
         overflow: hidden;
         width: 100%;
      }

      .case-list ul li {
         width: 290px;
         overflow: hidden;
         margin: 5px;
         height: 240px;
         float: left;
         list-style: none;
         position: relative;
      }

      .case-list ul li img {
         height: 100%;
         width: auto;
         display: block;
         margin: auto;
         transition: all 0.6s;
      }

      .case-list ul li:hover img {
         transform: scale(1.2);
      }

      .case-list ul li span {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         background: rgba(0, 0, 0, .4);
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
         box-sizing: border-box;
         display: block;
         padding: 10px;
         color: #FFF;
         font-size: 16px;
         transition: all 0.5s;
         letter-spacing: 1px;
      }

      .case-list ul li:hover span {
         bottom: -80px;

      }

      .case-list2 ul li:first-child {
         width: 520px;
         height: 494px;
         margin: 0;
      }

      .case-list2 ul li {
         width: 330px;
         height: 242px;
         margin: 0;
         float: left;
         margin-left: 10px;
         margin-bottom: 10px;
      }

      .advantage-flex {
         display: flex;
         flex-direction: row;
      }

      .advantage-flex img {
         height: 300px;
      }

      .advantage {
         width: 1200px;
         margin: auto;
      }

      .advantage-left {
         flex: 1;
         margin-right: 60px;
      }

      .advantage-right {
         margin-right: 0;
         margin-left: 60px;
      }

      .advantage-left h3 {
         color: #000;
         display: block;
         font-size: 26px;
         color: #d40402;
         padding: 8px 0;
         display: flex;
         align-items: center;
         border-bottom: 1px dashed #CCC;
         margin: auto;
      }

      .advantage-left h4 {
         text-align: center;
         font-size: 26px;
         color: #333;
         margin-top: 10px;
      }

      .advantage-introduce {
         /* border-top: 1px dashed #d40402; */
         margin-top: 3px;
         /* padding-top: 30px; */
      }

      .advantage-left h3 span {
         background: #f3f3f3;
         font-style: normal;
         color: #333;
         width: 60px;
         line-height: 60px;
         text-align: center;
         border-radius: 8px;
         font-family: Impact;
         font-size: 36px;
         margin-right: 20px;
         margin: auto;
      }

      .advantage-left {
         font-size: 16px;
         line-height: 250%;
         color: #999;
      }

      .about {
         width: 1200px;
         margin: auto;
         display: flex;
         flex-direction: row;
         padding-top: 80px;
         overflow: hidden;
         margin-top: 30px;
      }

      /* 关于我们 */

      .about-left {
         width: 50%;
         line-height: 200%;
         padding-right: 50px;
         font-size:16px;
      }

      .about-left h3 {
         font-size: 26px;
         margin-bottom: 10px;
         letter-spacing: 3px;
         border-bottom: 1px solid #FFF;
         padding-bottom: 20px;
      }

      .about-left h4 {
         font-size: 24px;
         letter-spacing: 3px;
         margin-top: 20px;
         font-weight: normal;
      }


      .about-left h3 span {
         float: right;
         font-size: 14px;
      }

      .about-left h3 span a {
         color: #FFF;
      }

      .about-left img {
         margin-top: 30px;
      }

      .about-img {
         /* width: 50%; */
         position: relative;
      }

      .about-img img {
         width: 100%;
      }

      .about-img::after {
         content: "";
         display: block;
         width: 496px;
         height: 641px;
         border: 1px solid rgba(255, 255, 255, .5);
         left: 13px;
         top: -12px;
         position: absolute;
      }

      /* 新闻中心 */
      .new-list {
         width: 1200px;
         margin: auto;
         background: #F5F5F5;
         height: 320px;
      }

      .new-list ul li {
         width: 23%;
         margin: 0 1%;
         list-style: none;
         float: left;
         padding: 10px;
         background: #FFF;
         box-sizing: border-box;
         border-radius: 5px;
         height: auto;
         transition: all 0.5s;

      }

      .new-list ul li:hover {
         box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
         transform: scale(1.12);
      }

      .new-list-img {
         width: 100%;
         height: 160px;
         overflow: hidden;
      }

      .new-list-img img {
         display: block;
         width: auto;
         height: 100%;
         margin: auto;
      }

      .new-list ul {
         display: inline;

      }

      .new-list ul li a .news_title {
         color: #333;
         font-size: 16px;
         width: 100%;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
         display: inline-block;
         margin-top: 10px
      }

      .new-list ul li a .news_time {
         color: #CCC;
         font-size: 14px;
      }

      .new-list ul li a .news_introduction {
         font-size: 14px;
         color: #999;
         line-height: 180%;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         word-break: break-all;
      }

      .new-title {
         text-align: center;
         padding: 30px 0;
      }

      .new-title h3 {
         font-size: 28px;
         letter-spacing: 3px;
         color: #000;
         margin-bottom: 20px;
      }


      .new-title h4 {
         font-size: 18px;
         font-weight: normal;
         color: #999;
         background: url("../images/ttline.png") no-repeat center center;
      }

      .new-title2 h3 {
         color: #FFF;
         margin-top: 40px;
      }

      .new-title2 h4 {
         color: #FFF;
      }

      .power {
         background: url("../images/download.jpg") no-repeat;
         height: 806px;
         width: 100%;
         background-size: 100% 100%;
      }

      .jiesao {
         margin: auto;
         width: 1200px;
         padding: 35px 0;
         padding-top: 0;
         overflow: hidden;
      }

      .jiesao ul li {
         list-style: none;
         float: left;
         width: 20%;
         text-align: center;
         cursor: pointer;
      }

      .jiesao ul li h3 {
         font-size: 22px;
         color: #000000;
         font-weight: normal;
         line-height: 16px;
         margin-top: 20px;
      }

      .jiesao ul li img {
         transition: all 0.6s;
         display: block;
         margin: auto;
         width: 100px;
      }

      .jiesao ul li:hover img {
         transform: rotate(360deg);
      }

      .jiesao ul li:hover h3 {
         color: #173782
      }



      @media screen and (max-width: 700px) {
         .list-box {
            width: 100%;
         }

         .new-title h4 {
            font-size: 14px;
         }

         .new-box {
            width: 100%;
            min-width: 100%;
         }

         .case-list ul li {
            width: 48%;
            margin: 1%;
            height: 140px;
         }

         .case-list ul li span {
            font-size: 12px;
         }

         .case-list2 ul li:first-child {
            display: none
         }

         .new-box {
            min-width: 100%;
            padding-bottom: 20px;
         }

         .new-list {

            width: 100%;
            height: auto;
            overflow: hidden;
         }

         .new-list ul li {
            width: 48%;
            margin-bottom: 10px
         }

         .new-list-img {
            height: 120px;
         }

         .new-list ul li a .news_introduction {
            -webkit-line-clamp: 2;
            font-size: 12px;
         }

         /* 关于我们 */
         .about {
            width: 100%;
            display: block;
            padding: 10px;
            box-sizing: border-box;
         }

         .about-left {
            width: 100%;

         }

         .about-img {
            width: 100%;
         }

         .advantage {
            width: 100%;
         }

         .advantage-left {
            margin: 0 10px;
         }

         .advantage-flex {
            display: block;
            width: 100%;
         }

         .advantage-flex img {
            width: 100%;
            display: none;
         }

         .power {
            height: auto;
            overflow: hidden;
            padding-bottom: 20px;
         }
      }

      .anli {
         width: 1220px;
         margin: auto;
         overflow: hidden;
      }

      .fn {
         margin-top: 40px;
      }

      .fn li {
         position: relative;
         width: 285px;
         height: 380px;
         overflow: hidden;
         float: left;
         margin-left: 20px;
         border-radius: 5px;
         overflow: hidden;
      }

      .fn li img {
         width: 100%;
         height: 100%;
         transition: all 0.6s;
      }

      .fn li:hover img {
         transform: scale(1.1);
      }

      .fn_title {
         position: absolute;
         left: 50%;
         top: 50%;
         width: 214px;
         height: 44px;
         margin-top: -22px;
         margin-left: -107px;
         color: #FFF;
         background: rgba(0, 0, 0, .5);
         line-height: 44px;
         text-align: center;
         font-size: 16px;
         letter-spacing: 2px;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
         display: inline-block;
      }

      .fn_img {
         color: #FFF;
         background: rgba(0, 0, 0, .5);
         position: absolute;
         top: 0;
         padding: 0 15px;
         line-height: 180%;
         font-size: 14px;
         display: none;
      }

      .fn_img p {
         padding-bottom: 15px;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         /*显示行数*/
         -webkit-box-orient: vertical;
         word-break: break-all;
      }

      .fn_img h3 {
         border-bottom: 1px solid #FFF;
         font-size: 18px;
         padding: 15px 0;
         text-align: center;
         letter-spacing: 2px;
         margin-bottom: 10px;
      }

      /* 产品中心*/
      .product {
         width: 100%;
         margin: auto;
         overflow: hidden;
         display: flex;
         flex-direction: row;
         /* height: 820px; */
      }

      .product-nav {
         width: 280px;

         margin-right: 5px;
         /* height: 820px; */
      }

      .product-list {
         flex: 1;
      }

      .product-list .case-list ul li {
         margin: 0;
         margin-bottom: 10px;
         margin-left: 15px;
      }

      .product-nav h3 {
         color: #FFF;
         background: url(../images/proth1.png) no-repeat center right 20px #173782;
         height: 50px;
         padding-left: 15px;
         line-height: 50px;
         font-size: 18px;
         font-weight: normal;

      }

      .product-nav ul {
         background: #FFF;
         padding-top: 15px;
         border: 2px solid #173782;
         border-top: none;
         border-bottom-left-radius: 5px;
         border-bottom-right-radius: 5px;
      }

      .product-nav ul li a {
         margin: 0 10px;
         margin-bottom: 10px;
         border-radius: 20px;
         background: #eeeeee;
         text-align: center;
         line-height: 38px;
         font-size: 14px;
         color: #333333;
         display: block;
         transition: all 0.5s;
      }

      .product-nav ul li a:hover {
         background: #173782;
         transition: all 0.5s;
         color: #FFF;
      }

      .power h2 {
         font-size: 36px;
         color: #FFF;
         margin-bottom: 20px;
      }

      .power h3 {
         font-weight: normal;
         color: #FFF;
      }

      .power {
         color: #FFF;
      }

      .new-box-img {
         height: 231px;
         overflow: hidden;
         background: url("../images/tu1.jpg") no-repeat;
         background-size: cover;
         background-position: center;
      }

      .youshi {
         display: flex;
         flex-direction: row;
         margin-bottom: 50px;
      }

      .youshi-text {
         flex: 1;
      }

      .youshi-number {
         width: 67px;
         height: 90px;
         background: #032F8A;
         color: #fff;
         font-size: 38px;
         font-weight: bold;
         padding-top: 25px;
         box-sizing: border-box;
         text-align: center;
         border-radius: 5px;
      }

      .youshi-number span {
         display: block;
         width: 30px;
         height: 0px;
         border: 2px solid #fff;
         margin: 10px auto;
        
      }

      .youshi-flex {
         display: flex;
         flex-direction: row;
         margin-bottom: 30px;
      }

      .youshi-flex h1 {
         font-size: 20px;
         font-weight: bold;
         text-transform: uppercase;
         border-bottom: 1px dashed #888888;
         padding-bottom: 10px;
         margin-bottom: 12px;
        text-align: left;
      }

      .youshi-flex h1 b {
         font-size: 26px;
      }

      .youshi-flex h1 span {
         color: #032F8A;
      }

      .youshi-img img {
         width: 550px;

      }

      .youshi-list {
         flex: 1;
         margin-left: 30px;
      }

      .youshi-list p {
         color: #666666;
         position: relative;
         text-indent: 20px;
         line-height: 30px;
         font-size: 14px;
         background: url("../images/list-bj.png") 5px 9px no-repeat;
      }

      .jiesao-img {
         width: 600px;
         color: #FFF;
         line-height: 180%;
         font-size: 16px;
         margin-top: 20px;
      }

      .jiesao-img p {
         font-size: 22px;
         margin-top: 20px;
      }


      @media (max-width: 768px) {
         .youshi-img {
            display: none;
         }
        .about-left {
    width:100%;
    line-height: 200%;
    padding-right: 0;
          font-size: 14px;
}

         .jiesao-img {
            display: none;
         }

         .youshi-number {
            display: none;
         }

         .youshi-list {
            margin:0 10px;
         }
         .youshi{
            margin-bottom: 0;
         }

         .youshi-flex h1 b {
            font-size: 18px;
         }

         .youshi-flex h1 {
            font-size: 14px;
         }

         .anli {
            width: 100%;
         }

         .fn {
            margin-top: 10px;
         }

         .fn li {
            width: 48%;
            margin: 1%;
            height: 200px;
         }

         .fn_title {
            left: 0;
            top: 50%;
            width: 100%;
            height: 44px;
            margin-top: -22px;
            margin-left: 0;

         }

         .product-nav {
            display: none;
         }

         .product-list .case-list ul li {
            width: 48%;
            margin: 1%;
            height: 140px;
         }

         .jiesao {
            width: 100%;
         }

         .jiesao ul li img {
            width: 70%;
         }

         .jiesao ul li h3 {
            font-size: 14px;
            margin-top: 10px;
         }

         .power h2 {
            font-size: 24px;
            margin-bottom: 10px;
         }

         .about-left h3 {
            font-size: 20px;
         }

         .about-left h3 span {
            display: none;
         }

         .about-left img {
            width: 100%;
         }

         .about-left h4 {
            font-size: 16px;
         }

         .about-img {
            display: none;
         }

         .new-title h3 {
            font-size: 20px;
            margin-bottom: 10px;
         }

         .new-title {
            text-align: center;
            padding: 15px 0;
         }

         .gengduo a {
            padding: 8px 30px;
            margin: 10px auto;
         }

         .new-box-img {
            display: none;
         }
        .case-list ul li span {
    padding: 0 10px;

}
      }